<template>
	<view>
		<view class="box">
			<view class="message">
				<h3>安全验证</h3>
				<p>填写账号的登录密码验证本人身份。</p>
			</view>
			<view class="password">
				填写密码
				 <u--input
				    placeholder="请输入密码"
				    border="surround"
				    v-model="value"
					clearable
					focus
				  ></u--input>
				<u-button :disabled="value.length<2" size="normal" type="success" text="确定" class="button" @click="verify"></u-button>
			</view>
			<view class="">
				<navigator url="" class="a">手机验证码验证</navigator>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:"123"
			}
		},
		methods: {
			verify(){
				const value=this.value
				if(value==="123"){
					uni.redirectTo({
						url:"./userInfo/modifyUsername"
					})
				}else{
					uni.$u.toast('验证失败')
				}
			}
		}
	}
</script>

<style scoped>
.box{
	padding:10% 1em 0;
	font-size: 12px;
}
.message{
	text-align: center;
	padding: 4em;
}
.password{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.button{
	/* position:absolute; */
	width: 4em;
	height: 2em;
}
.a{
	color: dodgerblue;
	margin-top: 1em;
}
</style>
